<template>
  <div>
    <el-row style="margin-top: 10px; margin-left: 5px">
      <h3 style="margin-left: 5px">(软)生物认证情况总览</h3>
      <el-table
        :data="tableData"
        stripe
        border
        style="width: 100%">
        <el-table-column
          prop="countNumber"
          label="认证总次数"
        >
        </el-table-column>
        <el-table-column
          prop="bioList"
          label="生物特征列表"
        >
        </el-table-column>
        <el-table-column
          prop="softBioList"
          label="(软)生物特征列表">
        </el-table-column>
        <el-table-column
          prop="time"
          label="认证响应用时">
        </el-table-column>
        <el-table-column
          prop="accuracy"
          label="认证准确率">
        </el-table-column>
      </el-table>
    </el-row>
    <el-row :gutter="32" style="margin-top: 10px; margin-left: 5px">
      <h3 style="margin-left: 5px">认证情况</h3>
      <el-col :xs="24" :sm="24" :lg="8" style="margin-top: 5px; margin-left: 10%">
        <div class="chart-wrapper">
          <PieChartBio/>
          <span style="margin-left: 35%;margin-top: 5px">认证特征占比</span>
        </div>
      </el-col>
      <el-col :xs="24" :sm="24" :lg="8">
        <div class="chart-wrapper">
          <PieChartSoftBio/>
          <span style="margin-left: 35%;margin-top: 5px">认证结果</span>
        </div>
      </el-col>
    </el-row>
    <el-row :gutter="32">
      <BarChart style="margin-left:2%; margin-top: 20px"/>
      <span style="margin-left: 45%; margin-top: 5px">过去10天认证详情</span>
    </el-row>
  </div>

</template>

<script>
import PieChartBio from '@/views/bioAuthData/components/PieChartBio'
import PieChartSoftBio from '@/views/bioAuthData/components/PieChartSoftBio'
import BarChart from '@/views/bioAuthData/components/BarChart'
export default {
  name: 'BioAuthResult',
  components: {
    PieChartBio,
    PieChartSoftBio,
    BarChart
  },
  data() {
    return {
      tableData: [
        {
          countNumber: '3131209380',
          bioList: '人脸，指纹',
          softBioList: '体重，身高',
          time: '3ms',
          accuracy: '99%'
        }
      ]
    }
  }
}
</script>

<style scoped>

</style>
